<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<button id="btn" >普通按钮</button>

<script>
    // 获取事件源
    var  button = document.getElementById('btn')

    // button.onclick = function (){
    //     console.log('AA')
    // }
    // 第二次的事件绑定会将第一次的事件覆盖
    // button.onclick= function (){
    //     console.log('BB')
    // }

    // 事件监听
    button.addEventListener('click',function (){
        console.log('AA')
    })

    button.addEventListener('click',function (){
        console.log('BB')
    })


</script>
</body>
</html>